@import '@/styles/common/px2rem1.scss';

.muying {
  background-color: #eee;
  .list-items {
    background: #fff;
    margin-bottom: px2rem(10);
    .today_ul {
      display: flex;
      flex-wrap: wrap;
      li {
        width: 50%;
        .today-tejia {
          width: 100%;
          height: px2rem(190);
          display: block;
          border-right:px2rem(1) solid #fff;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .today-tejia1 {
          width: 100%;
          height: px2rem(95);
          display: block;
          border-right:px2rem(1) solid #fff;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
    .metra-list {
      margin:px2rem(10) 0;
    }
    .carry-tejia {
      width: 100%;
      height: px2rem(190);
      background-color: red;
      display: block;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .carry {
      display: flex;
      height: px2rem(40);
      // background-color: lightgreen;
      justify-content: center;
      line-height: px2rem(40);
      align-items: center;
      span {
        img {
          width: px2rem(15);
          height: px2rem(15);
        }
      }
      .c_head {
        font-size: px2rem(14);
        color: #333;
        font-weight: 400;
        display: inline-block;
        margin-left:px2rem(6);
      }
    }
    .hot {
      display: flex;
      height: px2rem(190);
      background-color: lightgreen;
      flex-wrap: wrap;
      a {
        display: block;
        height: px2rem(95);
        width: 25%;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
    .tuan-list{
      a {
        color:#333;
      }
      .list-img {
        height: px2rem(184);
        position: relative;
        img {
          width: 100%;
        }
        .list-img-manjian {
          font-size: px2rem(13);
          position: absolute;
          left: px2rem(5);
          bottom:px2rem(10);
          background-color: black;
          color:#fff;
        }
      }
      .list-info {
        padding:px2rem(10);
        float: left;
        h2 {
          font-size: px2rem(14);
          font-weight: 400;
          // display: inline-block;
        }
        span {
          font-size: px2rem(12);
          color:#999;
        }
      }
      .list-logo {
        float: right;
        padding-top:px2rem(10);
        padding-right:px2rem(20);
        padding-bottom:px2rem(5);
        img {
          width: px2rem(80);
          height: px2rem(45);
        }
      }
    }
  }
}
